let size = 10;
let page = 1;
let maxCount = 0;
function query(data) {
    if(data.code==="200"){
        let pageBtn=$("#pageBtn");
        pageBtn.empty();
        maxCount=data.count;
        for(let i=1;i<Math.ceil(data.count/size);i++){
            let btn=$("<button></button>").text(i).click(function (e) {
                page=e.target.text;
                btn.append(size,page);
                query(data);
            }).appendTo(pageBtn);

        }
        let stuList=$("#studentList");
        stuList.empty();
        for (let i=0;i<data.data.list.length;i++){
            let stuDemo=data.data.list[i];
            let tr=$("<tr></tr>");
            let td=$("<td></td>");
            tr.attr(stuDemo);
            td=$("<td></td>").addClass("id").text(stuDemo.id).appendTo(tr);
            td=$("<td></td>").addClass("name").text(stuDemo.name).appendTo(tr);
            td=$("<td></td>").addClass("age").text(stuDemo.age).appendTo(tr);
            td=$("<td></td>").addClass("city").text(stuDemo.city).appendTo(tr);
            if(stuDemo.city==="1"){
                td.text("北京");
            }else if(stuDemo.city==="2"){
                td.text("福州");
            }else if(stuDemo.city==="3"){
                td.text("厦门");
            }else if(stuDemo.city==="4"){
                td.text("龙岩");
            }else if(stuDemo.city==="5"){
                td.text("泉州");
            }
            td=$("<td></td>").addClass("sex").text(stuDemo.sex).appendTo(tr);
            if(stuDemo.sex==="1"){
                td.text("男");
            }
            if(stuDemo.sex==="2"){
                td.text("女");
            }
            td=$("<td></td>").addClass("edu").text(stuDemo.edu).appendTo(tr);
            td=$("<td></td>").addClass("no").text(stuDemo.no).appendTo(tr);
            let changebtn=$("<button></button>");
            changebtn.addClass("change").text("修改").click(function (e) {
                $("#changeCover").fadeIn(300);
                let id=$(this).parents("tr").children(":nth-child(1)").text();
                let name=$(this).parents("tr").children(":nth-child(2)").text();
                let age=$(this).parents("tr").children(":nth-child(3)").text();
                let city=$(this).parents("tr").children(":nth-child(4)").val();
                let sex=$(this).parents("tr").children(":nth-child(5)").val();
                $("#changeCover #id").val(id);
                $("#changeCover .name").val(name);
                $("#changeCover .age").val(age);
                $("#changeCover .city:input:checked").val(city);
                $("#changeCover .sex:input[type='radio']:checked").val(sex);
            });
            td=$("<td></td>").append(changebtn);
            tr.append(td);

            let deletebtn=$("<button></button>");
            deletebtn.addClass("delete").text("删除").click(function (e) {
               let td=$(this).parent();
               let id=tr.children(".id").text();
               $.ajax({
                   url:'student/delete.php',
                   type:"POST",
                   data:{
                       id:id
                   },
                   dataType:'json',
                   async:true,
                   success:function (data) {
                       if(data.code==="200"){
                           if(confirm("是否删除？")){
                                td.remove();
                           }
                           query(data);
                       }
                       else{
                           alert(data.msg);
                       }
                   },
               });
            });
            td.append(deletebtn);
            tr.append(td);
            stuList.append(tr);
        }
    }else{
        alert(data.msg)
    }
}
function pre() {
    page--;
    if (page<1){
        page=1;
        return;
    }
    query();
}
//下页
function next() {
    page++;
    if (page > Math.ceil(maxCount / size)) {
        page = Math.ceil(maxCount / size);
        return;
    }
    query();
}